﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>赛事资讯</title>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Fantasy Coming Soon Responsive Widget,Login form widgets,
Sign up Web forms , Login signup Responsive web form,
Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- CSS -->
<link href="/static/css/font-awesome.css" rel="stylesheet"><!-- Font-awesome-CSS -->
<!--<link href="/static/css/style1.css" rel='stylesheet' type='text/css'/>-->
<!-- //CSS -->
<!-- Fonts -->
<link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&amp;subset=latin-ext" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&amp;subset=cyrillic,latin-ext,vietnamese" rel="stylesheet">
<!-- Fonts -->
	<!-- Favicon -->
    <link rel="shortcut icon" href="/static/images/favicon.html">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <!-- Icons -->
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <link rel="stylesheet" href="/static/css/ilmosys-icon.css">
    <link rel="stylesheet" href="/static/js/vendors/swipebox/css/swipebox.min.css">
    <!-- Theme CSS -->
    <link rel="stylesheet" href="/static/js/vendors/slick/slick.css">
    <!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<script type="text/javascript">
	$(document).ready(function(){
		var html=$("tb tb_left.ul").html()
		$(".wrap ul").append(html)
		var ls=$(".wrap li").length/2+1
		i=0
		ref = setInterval(function(){
			i++
			if(i>=77){
				i=1
				$(".wrap ul").css({marginTop:0})
				$(".wrap ul").animate({marginTop:-'.62'*i+'rem'},1000)
			}
	    	$(".wrap ul").animate({marginTop:-'.62'*i+'rem'},1000)
		},2400);
	})
</script>
	<style type="text/css">
		 .ul1{/*设置导航栏的框框*/
		 	margin: 30px auto;/*框框整体的位置，30px是指离网页的顶部和下部的距离，auto控制的是左右距离为自动调节*/
			width: 600px;/*框框的宽度*/
			height: 350px;/*框框的长度*/
			padding: 0px;/*将框框的padding设置为零，不然会导致框框里的内容与框边缘有间隔*/
			border:1px solid #000;/*添加边框*/
		}
		.li1{
			list-style-type: none;/* 去掉li前的点 */
			float: left;/*将li设置成做浮动，变为联动*/
		}
		.a1{
			display: block;/*将a变成块状*/
			width: 127px;/*设置块的宽度(546/6=91)*/
			height: 50px;/*设置块的长度*/
			font-family: Microsoft Yahei;
			line-height: 50px;/*设置字体在块中的高度*/
			background-color: #2f4f4f;
			margin: 0px 0px;/*块里的高宽通过margin设置*/
			color: #fff;
			text-align: center;/*字体居中*/
			text-decoration: none;/*去掉下划线*/
			font-size: 15px;
		}
		a:hover{
			background-color: #2f6f4f;
		}
	</style>
<link rel="stylesheet" type="text/css" href="../static/css/index_news.css">
<style>
	.tb>table tr:hover{
		background:#0B2A46;
	}
</style>
</head>
<body>
<header>
            <nav class="navbar-inverse navbar-lg navbar-fixed-top">
                <div class="container">
                    <div class="navbar-header">
<!--                        <a href="#" class="navbar-brand brand"><img src="" alt="logo" width="120px" height="50px" id="logo"></a>-->
                    </div>
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				</button>
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown mm-menu">
                                <a class="page-scroll" href="/index">主页</a>
                            </li>
                            <li class="dropdown mm-menu">
                                <a class="page-scroll" href="/details" target="_blank">更多数据分析</a>
                            </li>
                            <li class="dropdown mm-menu">
                                <a class="page-scroll" href="/news0" target="_blank">赛事资讯</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </header>
	<div class="wrap">
		<div class="wid_1820">
			<div class="header">
				<p class="tmtext"><span>{{date}} &emsp;&emsp;<span>14:39</span></span></p>
				<p><span class="hefont">时事资讯</span></p>
			</div>
<!--			<h3 class="title"></h3>-->
			<div class="content"> <img class="guang" src="../static/images/title.png"/>
				<div class="tb tb_left">
					<h3>近期热点新闻</h3>
					<table class="table1">
						<div >
							<ul class=”ul1">
								<li class="li1"><a class="a1" href="../news0/">东京日记</a></li>
								<li class="li1"><a class="a1" href="../news1/">大咖陪你看</a></li>
								<li class="li1"><a class="a1" href="../news2/">荣誉殿堂</a></li>
								<li class="li1"><a class="a1" href="../news3/">体坛英豪</a></li>
								<li class="li1"><a class="a1" href="../news4/">奥运前线</a></li>
							</ul>
						</div>
						<ul>
				            <tbody>
                                {% for item in news %}
								<tr><td><a href="{{ item.1 }}" target="_blank">{{ item.0 }}</a></td></tr>
								{% endfor %}
                            </tbody>
						</ul>
						<div class="boxfoot"></div>
					</table>
					<div class="pagination"></div>
				</div>
				<div class="tb tb_right">
					<h3>下一次，我们不见不散！</h3>
					<div class="sycm">
						<h4><a href="https://olympics.com/en/beijing-2022/" target="_blank">“纯洁的冰雪，激情的约会！”2022，我在北京等你！</a></h4>
                        <img src="../static/images/2022olpwinter.png" style="width:100%;">
                    </div>
					<div class="sycm">
						<h4><a href="https://olympics.com/en/olympic-games/paris-2024" target="_blank">“Made for sharing”，2024，巴黎的约定！</a></h4>
                        <img src="../static/images/2024olp.png" style="width:100%;">
                    </div>
				</div>
				<div style="clear:both"></div>
			</div>
		</div>
	</div>

</body>
</html>
<script src="../static/libs/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../static/js/index_news.js" type="text/javascript" charset="utf-8"></script>